<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
	<title>登录页面-问卷星</title>
   <style>
	*{
		margin: 0;
		padding:0;
		text-decoration: none;
	}
.a{
		width: 100%;
		height: 100%;
		border: 1px solid white;
		position: fixed;
	}
.b{
		width: 1000px;
		height: 700px;
		border: 1px solid none;
		position: fixed;
		left: 100px;
		top: 100px;
		
	}
.c{
		width: 500px;
		height: 100px;
		border: 1px solid none;
		float: right;
		position: relative;
		top: -1990px;
	}
.c1{
		width: 200px;
		height: 100px;
		border: 1px solid white;
		border-bottom-left-radius:50px ;
		border-top-left-radius: 50px;
		border-top-right-radius:50px ;
		border-bottom-right-radius:50px ;
		position: fixed;
		right: 400px;
		top: 100px;
		text-align: center;
		font-size: 40px;
	}
.c2{
	width: 200px;
	height: 100px;
	border: 1px solid white;
	border-bottom-left-radius:50px ;
	border-top-left-radius: 50px;
	border-top-right-radius:50px ;
	border-bottom-right-radius:50px ;
	position: fixed;
	right: 100px;
	top: 100px;
	text-align: center;
	font-size: 40px;
}
.d{
	width: 1200px;
	height: 1200px;
	border: 1px solid none;
	background-color:white;
	border-bottom-left-radius:40px ;
	border-top-left-radius: 40px;
	border-top-right-radius:40px ;
	border-bottom-right-radius:40px ;
	position: fixed;
	top:20%;
	left: 40%;
}
.d1{
	width: 1000px;
	height:100px ;
	border: 1px solid none;
	position: relative;
	top: 100px;
}
.d2{
	width: 300px;
	height:100px ;
	border: 1px solid none;
	text-align: center;
	font-size:36px;
	position: relative;
	left:120px ;
}
.d3{
	width: 500px;
	height:100px ;
	border: 1px solid none;
	float: right;
	position: relative;
	right: 200px;
	bottom: 100px;
	text-align: center;
	font-size:36px;	
}
.d4 input{
	width: 800px;
	height:60px ;
	border: 2px solid gainsboro;
	font-size: 40px;
	position: relative;
	bottom:100px ;
	left: 160px;
	border-bottom-left-radius:10px ;
	border-top-left-radius: 10px;
	border-top-right-radius:10px ;
	border-bottom-right-radius:10px ;
}
.d4 input:focus{
	box-shadow: 0 0 5px orangered;
}
.d5 input{
	width: 800px;
	height:60px ;
	border: 1px solid gainsboro;
	font-size:40px;	
	position: relative;
	bottom: 80px;
	left: 160px;
	border-bottom-left-radius:10px ;
	border-top-left-radius: 10px;
	border-top-right-radius:10px ;
	border-bottom-right-radius:10px ;
}
.d5 input:focus{
	box-shadow: 0 0 5px orangered;

}
.d6{
	width: 600px;
	height: 80px;
	border: 1px solid none;
	position: relative;
	left: 160px;
	bottom:60px ;
	font-size: 20px;
	color: gray;
}
.d7{
	width: 200px;
	height: 40px;
	border: 1px solid none;
	float: left;
}
.d8{
	width: 200px;
	height: 40px;
	border: 1px solid none;
	float: right;
	position: relative;
	left: 200px;
}
.d9{
	width: 800px;
	height: 300px;
	border: 1px solid none;
	position: relative;
	margin: auto;
}
.d12{
	width: 800px;
	height: 60px;
	border: 1px solid orange;
	background-color: orange;
	text-align: center;
	font-size: 40px;
	position: relative;
	bottom: 80px;
	left: 60px;
	border-bottom-left-radius:10px ;
	border-top-left-radius: 10px;
	border-top-right-radius:10px ;
	border-bottom-right-radius:10px ;
	}
.d10{
	width: 800px;
	height: 40px;
	border: 1px solid none;
	text-align: center;
	position: relative;
	left: 180px;
	bottom: 200px;
	font-size: 20px;
}
.d13{
	width: 800px;
	height: 200px;
	border: 1px solid none;
	position: relative;
	bottom: 100px;
	right: 30px;
	text-align: center;
	font-size: 40px;
	
}
.d11{
	width: 800px;
	height: 250px;
	border: 1px solid none;
	position: relative;
	left: 200px;
	
}
.d14{
	width: 266px;
	height:250px;
	border: 1px solid none;
	text-align: center;
}
.d15{
	width: 286px;
	height:270px;
	border: 1px solid none;
	float: right;
	position: relative;
	bottom:250px ;
}
.d16{
	width: 286px;
	height:270px;
	border: 1px solid none;
	float: left;
	position: relative;
	bottom: 250px;
	left: 266px;
}
.d17{
	width: 100px;
	height:100px;
	border: 1px solid none;
	margin: auto;
	position: relative;
	top: 50px;
}
.d18{
	width: 100px;
	height:100px;
	border: 1px solid none;
	margin: auto;
	position: relative;
	top: 50px;
}
.d19{
	width: 100px;
	height:100px;
	border: 1px solid none;
	margin: auto;
	position: relative;
	top: 50px;
}
.d20{
	width: 100px;
	height:50px;
	border: 1px solid none;
	margin: auto;
	position: relative;
	top: 60px;
	color: gray;
	font-size: 20px;
}
.d21{
	width: 100px;
	height:50px;
	border: 1px solid none;
	margin: auto;
	position: relative;
	top: 60px;
	color: gray;
	font-size: 20px;
}
.d22{
	width: 100px;
	height:50px;
	border: 1px solid none;
	margin: auto;
	position: relative;
	top: 60px;
	color: gray;
	font-size: 20px;
}
   </style>
  </head>
  <body>
    <div class="box">
		<div class="a">
			<img src="img/微信图片_20240530165054.jpg"width="100%"height="100%" />
			
			<div class="b">
				<img src="img/微信图片_20240530165037.png"width="500px" />		
			</div>
			
			<div class="c">
				<div class="c1"><a href="https://www.wjx.cn/register/register.aspx?type=1">注册</a></div>	
				<div class="c2"><a href="https://www.wjx.cn/">返回首页</a></div>
			</div>	
			
			<div class="d">
				<div class="d1">
					<div class="d2"><a href="https://www.wjx.cn/login.aspx">
					<h2>账号登录</h2>
					</a></div>
					<div class="d3"><a href="https://www.wjx.cn/smslogin.aspx">
					<h2>验证码登录</h2>
					</a></div>
					<div class="d4"><input placeholder="用户名/Email/手机"type="text"/></div>
					<div class="d5"><input type="password"placeholder="请输入登录密码"/></div>
					<div class="d6">
						<div class="d7">
							<input type="checkbox"/>下次自动登录
						</div>
						<div class="d8"><a href="https://www.wjx.cn/register/forgetpassword.aspx"><ins>忘记用户名/密码？</ins></a></div>
					</div>
					<div class="d9">
						<div class="d12"><a href="https://www.wjx.cn/login.aspx">登录</a></div>
					</div>
					<div class="d10">——————————— 更多登录方式  ————————————
						<div class="d13"><a href="https://www.wjx.cn/register/register.aspx?type=1">立即注册</a></div>
					</div>
					<div class="d11">
						<div class="d14">
							<div class="d17">
						<img src="img/download.png"width="100px"height="100px">
						</div>
						<div class="d20">QQ登录</div>
						</div>
						
						<div class="d15">
							<div class="d18">
							<img src="img/download%20(2).png"width="100px"height="100px">
							</div>
							<div class="d21">企业登录</div>
						</div>
						
						<div class="d16">
							<div class="d19">
								<img src="img/download%20(3).png"width="100px"height="100px">
							</div>
							<div class="d22">微信登录</div>
						</div>
						
					</div>
				</div>
				
			</div>
			
		</div>
	</div>
  </body>
</html>